Dashboard Temp Share Shortlinks Frames API

HTMLify

index.html
Views: 8 | Author: cody
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - Absolute Password Validator</title>
  <link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<div class="container">
        <div class="formbox">
            <div class="inner"></div>
            <div><i class="fas fa-lock"></i></div>
            <div><input type="password" 
                    placeholder="Password" 
                    id="myPass" required 
                    oninput="textChange()">
            </div>
            <div>
                <span class="showPass" >
                    <img  class="eye-close" id="img1" src="https://i.postimg.cc/HWMtCN1m/eye-close.png" alt="eye" 
                        onclick="toggle()"
                        >
                </span>
            </div>    
        </div>
        <div class="validator">
            <p id="capital">
                <i class="fas fa-times"></i>
                <i class="fas fa-check"></i>
                <span>Upper Case</span>
            </p>
            <p id="special-char">
                <i class="fas fa-times"></i>
                <i class="fas fa-check"></i>
                <span>Special Character</span>
            </p>
            <p id="number">
                <i class="fas fa-times"></i>
                <i class="fas fa-check"></i>
                <span>Number</span>
            </p>
            <p id="more-than-8">
                <i class="fas fa-times"></i>
                <i class="fas fa-check"></i>
                <span>More than 8 characters</span>
            </p>
        </div>
    </div>
<!-- partial -->
  <script src='https://kit.fontawesome.com/1c2c2462bf.js'></script><script  src="./script.js"></script>

</body>
</html>